@w:19.20vw;
@h:9.60vh;



body{
    position: relative;
    font-size: 14/@w;
    background: url(../images/bg.png) no-repeat center top;
    background-size: 100% 100%;
}



.login-box{
    position: absolute;
    top:320/@h;
    left: 50%;
    margin-left: 100/@w;
    width: 350/@w;
    background-color: rgba(0,114,194,0.2);
    padding:0 25/@w;
    border-radius: 5/@w;
    padding-top:100/@h;
    padding-bottom:50/@h;
    box-sizing: border-box;
}
.login-box:before{
    content:'欢迎登录';
    position: absolute;
    width:100%;
    height: 70/@h;
    left: 0;
    top:0/@h;
    text-align: center;
    line-height: 70/@h;
    font-size: 24/@w;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.login-box input{
    width:100%;
    border-radius: 4/@w;
    margin-bottom: 20/@h;
    height: 38/@h;
    line-height: 38/@h;
    border:0;
    text-indent: 35/@w;
    color:#fff;
    background-color: rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.3);
    background: url(../images/user.png) no-repeat 10/@w center;
    background-size: auto 60%;
}
.login-box input.password{
    margin-bottom: 15/@h;
    background: url(../images/possword.png) no-repeat 10/@w center;
    background-size: auto 60%;
}

::-webkit-input-placeholder{
    color:rgb(218, 218, 218);
}
.login-box .jzmm{
    display: inline-block;
    height: 20/@h;
    line-height: 18/@h;
    padding-left: 20/@w;
    background: url(../images/jzmm-bg1.png) no-repeat left center;
    background-size: auto 80%;
    cursor: pointer;
}
.login-box .jzmm.active{
    background: url(../images/jzmm-bg2.png) no-repeat left center;
    background-size: auto 80%;
}
.login-box .login-btn{
    display: block;
    height: 40/@h;
    line-height: 40/@h;
    background-color: #23aaff;
    text-align: center;
    color:#fff;
    border-radius: 4/@w;
    margin-top:30/@h;
    cursor: pointer;
    font-size: 18/@w;
}
.login-box .login-btn:hover{
    background-color: #40b6ff;
}

.ani-box{
    position: absolute;
    width:582/@w;
    height: 400/@w;
    left: 50%;
    top:300/@h;
    margin-left: -600/@w;
    background: url(../images/ani-bg.png) no-repeat center center;
    background-size: contain;
}



.bottom{
    position: fixed;
    width:100%;
    left: 0;
    text-align: center;
    bottom: 10/@h;
}




#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}


